<template>
  <div id="app">
    <!-- 路由出口 -->

    <!--
      keep-alive: 是 vue内置的组件。它的功能是对 包它在里面的组件 进行缓存
        缓存： 在切换路由时，对应的组件不销毁重建，而且把组件的数据存起来，以便后面再恢复
      如果有路由有有iskeepAlive，就会被缓存
      否则，就没有缓存
    -->
    <keep-alive>
      <router-view v-if="$route.meta.isKeepAlive"/>
    </keep-alive>
    <router-view v-if="!$route.meta.isKeepAlive"/>
  </div>
</template>
<script>
// 如何在组件中去使用封装好的axios
// 1. 引入 （名字也可以不叫ajax)
// 2. 根据接口文档要求，发请求

// import ajax from '@/utils/request'
export default {
  name: 'App'
  // methods: {
  //   hTestAjax () {
  //     ajax({
  //       method: 'GET',
  //       url: 'app/v1_0/user/channels'
  //     })
  //   }
  // }
}
</script>
